import React, { FC, useState } from 'react'
interface Props {}
const Disclaimers: FC<Props> = () => {
  const [visible, setVisible] = useState<boolean>(false)
  const check = ()=>{
    setVisible(true)
  }
  return (
    <div className='plate'>
      <div className='show'>
        <p>以上所有服务由东高(北京)科技有限公司提供，证监会首批认证投资机构，资格证号：0110</p>
      </div>
      <div className='show'>
        <p>本产品仅供参考，不构成具体投资建议。策略根据算法模型得出，存在局限性，不准确预测未来收益。 </p>
      </div>
      <div className='show'>
        <p>用户需独立做出投资决策，风险自担。市场有风险，投资需谨慎。</p>
      </div>
      {visible && <div className='statement'>
        <h3>免责声明</h3>
        <div className='hide'>
          <p>
        1、在您接受并使用本产品之前，须了解本产品所依托的载体（如软件工具、终端设备等）的实际功能、信息来源、固有缺陷和使用风险，由于投资者自身原因导致该软件工具、终端设备等用不当或受到病毒入侵、黑客攻击等不良影响的，由此导致的风险将由您自行承担。
          </p>
        </div>
        <div className='hide'>
          <p>2、以上展示数据仅为历史统计数据，仅供参考，历史统计数据不代表未来趋势，也不构成对于收益的承诺和保证。投资和据此操作，风险自担。</p>
        </div>
      </div>
      }
      {!visible && <span onClick={()=>check()} className='btn'>*点击查看免费声明</span>}
    </div>
  )
}
export default Disclaimers
